


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <title>BBScloud - BBS云论坛 【官网】</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="BBS,BBS论坛,自助建站,论坛程序,论坛源码,论坛模板,建站程序,建站系统,企业社区,用户社区,BBS云,云论坛,快速创建制作免费论坛网站" />
    <meta name="description" content="BBScloud云论坛，一站式社区建站系统，帖子、问答、文档、文章、组图、视频、积分、勋章，功能丰富按需选用，提供web版+小程序版，广泛用于用户社区、开发者社区、技术支持社区、知识社区站、帮助文档站、企业内部社区" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSS -->
    <link href="/css/Site?v=wxpwJhbdK2iFGxJSdjaatmTkU06alWy6ZcoHbA0Xx5E1" rel="stylesheet"/>

    <link href="/fonts/Site?v=WK5jxLIGOu-AeeIwArpNIDD8EQ1F1leS593P4sSR9bU1" rel="stylesheet"/>

    <!-- 样式 -->
    <link href="/js/slider-pro/css/slider-pro.css" rel="stylesheet" />
  
    <!-- js -->
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jq_scroll.js"></script>
    <script src="/js/slider-pro/js/jquery.sliderPro.min.js"></script>
    <!--返回顶部js-->
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

    <!--[if lt IE 9]>
        <script type="text/javascript" src="../js/html5shiv.min.js"></script>
        <script type="text/javascript" src="../js/respond.js"></script>
    <![endif]-->
</head>

<body>

    <!--导航-->
    
<!--导航-->
<div class="bbs-header">
    <div class="header-content">
        <a href="/"><img class="bbs-logo" src="https://bbs-file.jiaxiao.pub/bbs/logo_02.png" /></a>
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" id="nav-btn">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="nav-dropdown" id="navDropdown">
                <ul class="nav">
                    <li><a href="/">首页</a></li>
                    <li>
                        <a href="/site">解决方案</a>
                        <ul>
                            <li><a href="/yh">用户服务社区</a></li>
                            <li><a href="/qy">企业内部文化交互社区</a></li>
                            <li><a href="/kf">开发者社区</a></li>
                            <li><a href="/jsh">技术支持站</a></li>
                        </ul>
                    </li>
                    <li><a href="/function">功能介绍</a></li>
                    <li><a href="/price">价格</a></li>
                    <li><a href="https://b.bbscloud.com/section/4" target="_blank">产品交流</a></li>
                    <li><a href="https://b.bbscloud.com/document/4fda26131c504be4a1120dc662ab890d" target="_blank">使用帮助</a></li>
                </ul>
                <div class="landing">
                        <a href="https://saas.bbscloud.com" class="trial" target="_blank">免费试用</a>
                        <a href="https://saas.bbscloud.com" class="landing-btn">登录</a>
                </div>
            </div>
        </div>
        <div class="header-right" role="navigation">
            <ul class="nav">
                <li><a href="/" class="nav-active">首页</a></li>
                <li>
                    <a href="/site" class="">解决方案</a>
                    <ul>
                        <li><a href="/yh" class="">用户服务社区</a></li>
                        <li><a href="/qy" class="">企业内部文化交互社区</a></li>
                        <li><a href="/kf" class="">开发者社区</a></li>
                        <li><a href="/jsh" class="">技术支持站</a></li>
                    </ul>
                </li>
                <li><a href="/function" class="">功能介绍</a></li>
                <li><a href="/price" class="">价格</a></li>
                <li><a href="https://b.bbscloud.com/section/4" target="_blank">产品交流</a></li>
                <li><a href="https://b.bbscloud.com/document/4fda26131c504be4a1120dc662ab890d" target="_blank">使用帮助</a></li>
            </ul>
            <div class="landing">
                    <a href="https://saas.bbscloud.com" class="trial" target="_blank">免费试用</a>
                    <a href="https://saas.bbscloud.com" target="_blank">登录</a>
            </div>
        </div>
    </div>
</div>

<script>
    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
            "SymbianOS", "Windows Phone",
            "iPad", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        return flag;
    }

    // <!-- 导航变色 -->
    $(window).scroll(function () {
        if ($(document).scrollTop() >= 400) {
            $("#Nav").addClass("disappear");
        } else {
            $("#Nav").removeClass("disappear");
        }
    });

    $(function () {
        $('#nav-btn').click(function (event) {
            //取消事件冒泡
            event.stopPropagation();
            //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。
            $("#navDropdown").slideToggle();
            return false;
        });

        //点击空白处隐藏弹出层，下面为滑动消失效果和淡出消失效果。
        $(document).click(function (event) {
            var _con = $('#bbs-content');  // 设置目标区域
            if (document.getElementById('navDropdown').style.display === "block" && !_con.is(event.target) && _con.has(event.target).length === 0) { // Mark 1
                $('#navDropdown').slideUp('slow');  //滑动消失
            }
        });
    });
</script>

    <div class="bbs-content">
        <!--轮播图-->
        <div class="bbs-banner" id="index-Banner">
            <div class="banner-content">
                <div class="banner-left">
                    <div class="banner-text">
                        搭建社区论坛<br />
                        从未如此简单
                    </div>
                    <div class="btn-warp">
                        <a href="https://saas.bbscloud.com/register" class="trial-btn">免费试用</a>
                        <a href="/site" class="sample-btn">解决方案</a>
                    </div>
                </div>
                <video class="video" src="https://bbs-file.jiaxiao.pub/bbs/portal.mp4" controls="" muted autoplay="autoplay"
                       id="longVideo"></video>
            </div>
        </div>
        <!--功能展示-->
        <div class="bbs-function">
            <div class="function-title">
                <div class="title">功能丰富按需选用</div>
                <div class="text">帖子、问答、文章、文档、组图、视频，按需选择搭建自己的社区</div>
            </div>
            <div class="function-content">
                <div class="function-list bbs-border-right">
                    <a href="/function#a" class="list-item">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/fu1.png" />
                        帖子
                    </a>
                    <div class="function-hover">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/post.png" />
                    </div>
                </div>
                <div class="function-list bbs-border-right">
                    <a href="/function#c" class="list-item">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/fu2.png" />
                        文章
                    </a>
                    <div class="function-hover">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/news.png" />
                    </div>
                </div>
                <div class="function-list">
                    <a href="/function#d" class="list-item">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/fu3.png" />
                        文档
                    </a>
                    <div class="function-hover">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/document.png" />
                    </div>
                </div>
                <div class="function-list bbs-border-top bbs-border-right">
                    <a href="/function#b" class="list-item">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/fu4.png" />
                        问答
                    </a>
                    <div class="function-hover">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/ask.png" />
                    </div>
                </div>
                <div class="function-list bbs-border-top bbs-border-right">
                    <a href="/function#e" class="list-item">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/fu5.png" />
                        组图
                    </a>
                    <div class="function-hover">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/image.png" />
                    </div>
                </div>
                <div class="function-list bbs-border-top">
                    <a href="function#f" class="list-item">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/fu6.png" />
                        视频
                    </a>
                    <div class="function-hover">
                        <img src="https://bbs-file.jiaxiao.pub/bbs/video.png" />
                    </div>
                </div>
            </div>
            <div class="more-a">
                <a href="/function">了解更多功能</a>
            </div>
        </div>

        <!--社区展示-->
        <div class="bbs-community">
            <div class="community-content">
                <div class="community-title">轻松定义自己的社区</div>
                <div class="community-list">
                    <img src="https://bbs-file.jiaxiao.pub/bbs/co1.png" alt="">
                    <span class="community-text">设置logo、favicon、导航、页脚以及站点开放度</span>
                </div>
                <div class="community-list list-column">
                    <span class="community-text">自定义首页和版块页的边栏</span>
                    <div id="video">
                        <video class="middle" poster="" autoplay loop muted>
                            <source src="https://bbs-file.jiaxiao.pub/bbs/co2.mp4" type="video/mp4">
                            您的浏览器不支持 video 标签。
                        </video>
                    </div>
                </div>
                <div class="community-list">
                    <img src="https://bbs-file.jiaxiao.pub/bbs/co3.png" alt="">
                    <span class="community-text">支持对站点进行外观装扮</span>
                </div>
                <div class="community-list list-column">
                    <span class="community-text">电脑端、移动端均有最佳体验</span>
                    <img src="https://bbs-file.jiaxiao.pub/bbs/co4.png" alt="">
                </div>
            </div>
        </div>
        <!--运营-->
        <div class="bbs-operating">
            <div class="operating-title">运营省心管控有力</div>
            <div class="operating-content">
                <div class="img-warp">
                    <img src="https://bbs-file.jiaxiao.pub/bbs/op.png" />
                    <div class="operating text-style1 operating-column-reverse">
                        <div class="operating-text">选SaaS，一体化无忧托管，轻松当站长</div>
                        <div class="decoration">
                            <div class="dian"></div>
                        </div>
                    </div>
                    <div class="operating text-style2 operating-column-reverse">
                        <div class="decoration">
                            <div class="dian"></div>
                        </div>
                        <div class="operating-text">
                            内容安全、站点开放度、操作日志...<br />
                            助力站点管控
                        </div>
                    </div>
                    <div class="operating text-style3">
                        <div class="operating-text">积分和勋章助力用户运营</div>
                        <div class="decoration">
                            <div class="dian"></div>
                        </div>
                    </div>
                    <div class="operating text-style4">
                        <div class="decoration">
                            <div class="dian"></div>
                        </div>
                        <div class="operating-text">支持私有化部署和定制开发</div>
                    </div>
                </div>
            </div>
        </div>
        <!--定制-->
        <div class="bbs-custom">
            <div class="custom-title">深度定制专属社区</div>
            <div class="custom-content">
                <div class="img-warp">
                    <!--pc端显示-->
                    <img class="img1" src="https://bbs-file.jiaxiao.pub/bbs/cu1.png" />
                    <!--移动端显示-->
                    <img class="img2" src="https://bbs-file.jiaxiao.pub/bbs/cu2.png" />
                    <div class="custom-text text-style1">可集成QQ、微信登录</div>
                    <div class="custom-text text-style2">可绑定自己的域名</div>
                    <div class="custom-text text-style3">轻松实现用户系统集成，支持单点登录</div>
                    <div class="custom-text text-style4">支持私有化部署和定制开发</div>
                </div>
            </div>
        </div>
        <!-- 主内容区域 -->
        <div class="bbs_index-module">
            <div class="bbs_module-container" id="index-Module">
                <div class="bbs_do-list-warp">
                    <div class="title">BBScloud适合做什么站点</div>

                    <!-- 能做什么？ -->
                    <div class="bbs_do-list" id="Dolist">
                        <ul class="row" id="Dolist-pic">
                                <li>
                                    <div class="single-item">
                                        <div class="inner-box">
                                            <a href="https://yh.bbscloud.com" target="_blank">
                                                <div class="img-box">
                                                    <img src="https://bbs-file.jiaxiao.pub/bbs/site/home1.png" alt="">
                                                </div>
                                                <div class="overlay-box">
                                                    <div class="overlay-inner">
                                                        <p class="tn-white-color tn-text-6 tn-cursor-pointer">
                                                            与用户建立连接并不断互动，向用户推广您的产品，更好的为用户服务提高用户满意度和忠诚度
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <p>用户社区</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="single-item">
                                        <div class="inner-box">
                                            <a href="https://qy.bbscloud.com" target="_blank">
                                                <div class="img-box">
                                                    <img src="https://bbs-file.jiaxiao.pub/bbs/site/home2.png" alt="">
                                                </div>
                                                <div class="overlay-box">
                                                    <div class="overlay-inner">
                                                        <p class="tn-white-color tn-text-6 tn-cursor-pointer">
                                                            交互式企业文化宣传，倾听员工心声凝聚人心，激发员工热情、创造力、能动性
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <p>企业内部社区</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="single-item">
                                        <div class="inner-box">
                                            <a href="https://kf.bbscloud.com" target="_blank">
                                                <div class="img-box">
                                                    <img src="https://bbs-file.jiaxiao.pub/bbs/site/home3.png" alt="">
                                                </div>
                                                <div class="overlay-box">
                                                    <div class="overlay-inner">
                                                        <p class="tn-white-color tn-text-6 tn-cursor-pointer">
                                                            提供给开发者认知、交流、深入、实践的一站式社区,提供优质内容、学习实践、大赛活动、专家社群,在这里可以及时学习获取新技术
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <p>开发者社区</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="single-item">
                                        <div class="inner-box">
                                            <a href="https://js.bbscloud.com" target="_blank">
                                                <div class="img-box">
                                                    <img src="https://bbs-file.jiaxiao.pub/bbs/site/home4.png" alt="">
                                                </div>
                                                <div class="overlay-box">
                                                    <div class="overlay-inner">
                                                        <p class="tn-white-color tn-text-6 tn-cursor-pointer">
                                                            方便企业更好地服务用户，是用户分享使用心得、秘籍宝典、求助咨询、问题投诉的专业平台
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <p>技术支持站</p>
                                    </div>
                                </li>
                        </ul>
                    </div>

                    <div class="more-a">
                        <a href="/site">查看更多解决方案</a>
                    </div>

                </div>
            </div>


            <!--新闻列表 -->
            <div class="bbs_module-news clearfix" id="News">
                <div class="bbs_module-container clearfix">
                    <div class="list" style="float:left;">
                        <div class="news-title">
                            <div class="title">官方资讯</div>
                            <a href="https://b.bbscloud.com/infoSection/1" target="_blank" class="news-more">更多<i class="iconfont icon-a-doubleright"></i></a>
                        </div>
                        <div class="bbs_news-list">
                            <ul>
                                    <li>
                                        <a href="https://b.bbscloud.com/info/bdad8bf7bc9741c5be227e271bf7c5e5">
                                            <p>如何向企业申请购买BBScloud站点？</p>
                                            <span class="pull-right">2023-12-26</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://b.bbscloud.com/info/97c89f1cd0474d4aa4e9fed12386cdbf">
                                            <p>2022年春节放假通知</p>
                                            <span class="pull-right">2022-01-25</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://b.bbscloud.com/info/0903dc703d414629b1a79ccf7228e059">
                                            <p>2022：烟火璀璨，礼花绚烂</p>
                                            <span class="pull-right">2021-12-31</span>
                                        </a>
                                    </li>
                            </ul>
                        </div>
                    </div>

                    <div class="list" style="float:right;">
                        <div class="news-title">
                            <div class="title">社区运营经验分享</div>
                            <a href="https://b.bbscloud.com/section/c1be1533afdb42e28d1e3fc548362cd6" target="_blank" class="news-more">更多<i class="iconfont icon-a-doubleright"></i></a>
                        </div>
                        <div class="bbs_news-list">
                            <ul>
                                    <li>
                                        <a href="https://b.bbscloud.com/post/8f34119b1e644a23950cf44b73c9de11">
                                            <p>最火的手机游戏社区论坛有那些？怎么才能创建手机游戏论坛？</p>
                                            <span class="pull-right">2023-07-25</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://b.bbscloud.com/post/b73f087473514fb49bfc25b69135aa37">
                                            <p>有哪些比较好的游戏玩家社区论坛？</p>
                                            <span class="pull-right">2023-07-25</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://b.bbscloud.com/post/28d928e6351a4fd0937b097b26edd903">
                                            <p>社区论坛网站搭建需要做哪些准备？</p>
                                            <span class="pull-right">2023-07-20</span>
                                        </a>
                                    </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>


            <!-- 立即创建您的社区站点 -->
            <div class="bbs_create-cloud" id="Cloud">
                <div class="create-title">一分钟搭建您的专属社区</div>
                <div class="create-btn">
                    <a href="https://saas.bbscloud.com" class="price-btn">免费试用</a>
                </div>

            </div>

        </div>
    </div>

    <!-- 底部 -->
    
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?e94a62f026f8b1d5d3b12ef07b587cdf";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script>
    (function () {
        var el = document.createElement('script');
        el.type = 'text/javascript';
        el.charset = 'utf-8';
        el.async = true;
        var ref = document.getElementsByTagName('script')[0];
        ref.parentNode.insertBefore(el, ref);
        el.src = 'https://v1.cnzz.com/z_stat.php?id=1280689844&web_id=1280689844';
    })();
</script>

<script>
    var phoneWidth = parseInt(window.screen.width);
    var phoneHeight = parseInt(window.screen.height);
    var phoneScale = phoneWidth / 750; //除以的值按手机的物理分辨率
    var ua = navigator.userAgent;
    if (/Android (\d+\.\d+)/.test(ua)) {
        var version = parseFloat(RegExp.$1);
        // andriod 2.3
        if (version > 2.3) {
            document.write('<meta name="viewport" content="width=device-width,initial-scale=' + phoneScale +
                ',minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ',user-scalable=no">');
            // andriod 2.3以上
        } else {
            document.write('<meta name="viewport" content="width=device-width,user-scalable=no">');
        }
        // 其他系统
    } else {
        document.write('<meta name="viewport" content="width=device-width, initial-scale=' + phoneScale +
            ',minimum-scale=' + phoneScale + ',maximum-scale =' + phoneScale + ',user-scalable=no,">');
    }
</script>
<!-- 底部 -->
<div class="bbs-footer" id="Footer">
    <div class="footer-content">
        <div class="footer-nav">
            <ul>
                <li class="title">产品</li>
                <li><a href="https://b.bbscloud.com/infoSection/1">资讯</a></li>
                <li><a href="/function">功能</a></li>
                <li><a href="/Price">价格</a></li>
            </ul>
            <ul>
                <li class="title">使用</li>
                <li><a href="https://b.bbscloud.com/document/4fda26131c504be4a1120dc662ab890d">使用帮助</a></li>
                <li><a href="https://b.bbscloud.com/section/4">产品交流</a></li>
            </ul>
        </div>
        <div class="footer-right">
            <div class="right-contact">
                <div class="contact-list" style="cursor:pointer;" onclick="window.location.href =
        'tencent://message/?uin=524110551&Site=BBScloud&Menu=yes'">
                    <img class="contact-icon" src="https://bbs-file.jiaxiao.pub/bbs/QQ.png" alt="">
                    QQ咨询
                </div>
                <div class="contact-list">
                    <div class="icon-warp">
                        <i class="iconfont icon-dianhua1"></i>
                    </div>
                    <img class="number" src="https://bbs-file.jiaxiao.pub/bbs/number.png" alt="">
                </div>
            </div>
            <div class="right-code">
                <div class="code-list">
                    <img src="https://bbs-file.jiaxiao.pub/bbs/u122.png" alt="">
                    添加客服进官方群
                </div>
                <div class="code-list">
                    <img src="https://bbs-file.jiaxiao.pub/bbs/u127.png" alt="">
                    微信公众号
                </div>
            </div>
        </div>
    </div>

    <div class="bbs_footer-Filing"> ©山东拓宇信息技术有限公司 <a href="https://beian.miit.gov.cn/" class="bbs_footer-Filing">鲁ICP备19011607号-1</a> </div>
</div>


    <!--客服侧边栏-->
    <!--客服侧边栏-->
<div id="servideSider" class="right-fixed-wrap">
    <div class="list">
        <img class="img1" width="30" height="25" src="https://bbs-file.jiaxiao.pub/bbs/site/ti(1).png" />
        <img class="img2" width="30" height="25" src="https://bbs-file.jiaxiao.pub/bbs/site/ti(2).png" />
        微信咨询
        <div class="list-hover">
            <img width="100" height="100" src="https://bbs-file.jiaxiao.pub/bbs/u122.png" alt="">
        </div>
    </div>
    <div class="list">
        <img class="img1" width="25" height="25" src="https://bbs-file.jiaxiao.pub/bbs/site/ti(5).png" />
        <img class="img2" width="25" height="25" src="https://bbs-file.jiaxiao.pub/bbs/site/ti(3).png" />
        电话咨询
        <div class="list-hover list-top">
            <img width="100" src="https://bbs-file.jiaxiao.pub/bbs/site/number1.png" alt="">
        </div>
    </div>
    <div class="list">
        <img class="img1" width="25" height="25" src="https://bbs-file.jiaxiao.pub/bbs/site/ti(6).png" />
        <img class="img2" width="25" height="25" src="https://bbs-file.jiaxiao.pub/bbs/site/ti(4).png" />
        <div class="list-hover">
            <img width="100" height="100" src="https://bbs-file.jiaxiao.pub/bbs/site/u127.png" alt="">
        </div>
        关注我们
    </div>
</div>



    <link href="/css/iconfont.css" rel="stylesheet" />
<!--返回顶部-->
<button class="swefeqw" id="go_top"><text class="iconfont icona-fanhuidingbu1"></text><span>返回</span><span>顶部</span></button>

<!--返回顶部-->
<script type="text/javascript">
    $(function () {
        $("#go_top").hide();
    })

    //scroll() 方法为滚动事件
    $(window).scroll(function () {
        if ($(window).scrollTop() > 100) {
            $("#go_top").fadeIn(800);
        } else {
            $("#go_top").fadeOut(800);
        }
    });

    //返回顶部按钮点击
    $("#go_top").click(function () {
        $('body,html').animate({ scrollTop: 0 }, 100);
        return false;
    });
</script>




   
</body>
</html>

<script>

    //移动端视频没办法播放，放一个gif吧
    if (!IsPC()) {
        $("#video").html('<img src="https://bbs-file.jiaxiao.pub/bbs/co2.gif" />');
    }

    // 客服
    $(".bbs_fixed").mouseover(function () {
        $("#bayWindow_L").show();
    }).mouseout(function () {
        $("#bayWindow_L").hide();
    });

    // 新闻列表滚动
    //$(document).ready(function () {
    //    $("#scrollDiv").Scroll({
    //        line: 1,
    //        speed: 800,
    //        timer: 3000,
    //    });
    //});

    //$("#scrollDiv ul li a").mouseover(function () {
    //    $(this).addClass("active");
    //}).mouseout(function () {
    //    $(this).removeClass("active");
    //});

    //$(document).ready(function ($) {
    //    $('#slider-pic').sliderPro({
    //        height: 280,
    //        loop: false,
    //        arrows: false,
    //        buttons: false,
    //        thumbnailsPosition: 'left',
    //        thumbnailPointer: true,
    //        thumbnailWidth: 1000,
    //        autoplay: true,

    //    });
    //});
</script>

